/**
 * Media
 *
 * @author Thomas Schedler <tsh@massiveart.com>
 * @version 1.0
 */


/* ----------------
Override Navigation Main 

#divNaviLeft {
  background-color:#e4e4e4;
  position:absolute;
  z-index:20;
  top:10px;
  bottom:15px;
  left:10px;
  width:10px;
}

#divNaviCenter {
  background-color:#fff;
  position:absolute;
  z-index:10;
  top:0;
  bottom:0px;
  left:20px;
  right:270px;
  border-top:10px solid #e4e4e4;
  border-bottom:10px solid #e4e4e4;
}
*/

/* ----------------
Override Content Basics */

.contentview {
  position:absolute;
  top:40px;
  bottom:0;
  left:10px;
  right:0;
  overflow:hidden;
  overflow-y:scroll;
  padding-right:40px;
  padding: 10px 0 0 0;
}

/* only IE7 */
*:first-child+html .contentedit { 
  padding-right:50px;
}

/* ----------------
Media Main Toolbar */

/* --- media view types - thumb, list --- */
#mediaviewtypes {
  position:absolute; 
  top:9px; 
  right:10px; 
  width:66px;
}

#mediaviewtypes .iconlistview_on,
#mediaviewtypes .iconlistview {
  background: url(/zoolu/images/icons/icon_media_view.png) no-repeat 0 -23px;
  width:23px;
  height:23px;
  float:left;
  cursor:default;
}

#mediaviewtypes .iconlistview_on {
  background: url(/zoolu/images/icons/icon_media_view.png) no-repeat -23px -23px;
  cursor:pointer;
}

#mediaviewtypes .iconthumbview_on,
#mediaviewtypes .iconthumbview {
  background: url(/zoolu/images/icons/icon_media_view.png) no-repeat 0 0;
  width:23px;
  height:23px;
  float:left;
  margin-right:10px;
  cursor:default;
}

#mediaviewtypes .iconthumbview_on {
  background: url(/zoolu/images/icons/icon_media_view.png) no-repeat -23px 0;
  cursor:pointer;
}

/* --- media slider --- */
#mediaslider {
  position:absolute; 
  top:10px; 
  right:76px; 
  height:20px;
  width:200px;
}

#mediaslider .slidermediasmall {
  position:absolute;
  background:url(/zoolu/images/slider/icon_media_small.png) no-repeat center center;
  width:9px;
  height:20px;
  top:0;
  left:0;
}

#mediaslider .slidermediabig {
  position:absolute;
  background:url(/zoolu/images/slider/icon_media_big.png) no-repeat center center;
  width:17px;
  height:20px;
  top:0;
  left:170px;
}

#mediaslider .slidertrack {
  background:url(/zoolu/images/slider/bg_slider_track.png) no-repeat left center; 
}

#mediaslider .slidertrack img {
  height:19px;
  width:19px;
  cursor:w-resize;
}

/* --- media buttons --- */
#mediabuttons {
  position:absolute; 
  top:0; 
  left:0;
  width:300px;
  height:40px;
  z-index:200;
}

#mediabuttons .buttonsdivider {
  /*background: url(/zoolu/images/main/divider_purple_light.gif) no-repeat 0 center;*/
  width:10px;
  height:40px;
  float:left;
  padding:0;
}

#buttonmedianew {
  float:left; 
  cursor:pointer;
  margin:7px 10px 0 0;
  display:inline;
}

#buttonmediaedit {
  float:left; 
  cursor:pointer;
  margin:7px 10px 0 0;
  display:inline;
}

.buttonedittop {
  background: transparent url(/zoolu/images/buttons/button_purple_top.png) no-repeat 0 0;
  height:5px;
  width:143px;
}

.buttoneditbottom {
  background: transparent url(/zoolu/images/buttons/button_purple_bottom.png) no-repeat 0 0;
  height:5px;
  width:143px;
}

.buttoneditmiddle {
	background:#774580 url(/zoolu/images/icons/pointer_dark_opened.png) no-repeat 123px 4px;
  border-left:1px solid #000;
  border-right:1px solid #000;
  width:131px;
  height:15px;
  line-height:15px;
  padding:0 0 0 10px;  
}

.mediaeditmenu {
  position:absolute; 
  z-index:300; 
  width:143px; 
  top:27px; 
  left:122px;
}

.mediaeditmenuinner {
  padding:10px;
  width:121px;
  border-left:1px solid #000;
  border-right:1px solid #000;
  background-color:#774580;
}

.mediaeditlink {
  cursor:pointer;
  height:20px;
}

/* ----------------
Media Content Thumb */

.contenthead {
	height:40px;
	background-color:#754480;
}

.thumbcontainer{
	float:left; 
	margin:0 30px 30px 0; 
	position:relative;
}

.thumbimgcontainer {
  cursor:pointer; 
  margin:0 auto 0 auto;
}

.thumbshadowright {
  background: url('/zoolu/images/main/shadow_right.png') repeat-y; 
  width:5px;
}

.thumbshadowbottom {
  background: url('/zoolu/images/main/shadow_bottom.png') repeat-x; 
  height:5px; 
  font-size:0; 
  line-height:0;
}

.thumbshadowcorner {
  background: url('/zoolu/images/main/shadow_corner_b_r.png') no-repeat; 
  height:5px; 
  font-size:0; 
  line-height:0;
}

.thumb{
	display:block; 
	/*border:1px solid #545454;*/
}

#divThumbViewContainer .hover {
  background-color:#e4e4e4;
}

#divThumbViewContainer .selected {
  background-color:#e4e4e4;
}

/* ----------------
SWFUpload */

.swfupload {
  width:113px;
  height:25px;
  margin:10px 0 10px 0;
  float:left;
}

#overlayUpload #btnCancel {
  display:none;
  width:113px;
  height:25px;
  margin:10px 0 10px 0;
  float:right;	  
}

#overlayUpload #divStatus {
  height:25px;
  margin:15px 0 10px 0;
  float:right;
}

/* --- Form Styles --- */

div.fieldset {
  border:  1px solid #afe14c;
  margin: 10px 0;
  padding: 20px 10px;
}

div.fieldset span.legend {
  position: relative;
  background-color: #FFF;
  padding: 3px;
  top: -30px;
  font: 700 14px Arial, Helvetica, sans-serif;
  color: #754480;
}

div.flash {
  width: 375px;
  margin: 10px 5px;
  border-color: #754480;

  -moz-border-radius-topleft : 5px;
  -webkit-border-top-left-radius : 5px;
  -moz-border-radius-topright : 5px;
  -webkit-border-top-right-radius : 5px;
  -moz-border-radius-bottomleft : 5px;
  -webkit-border-bottom-left-radius : 5px;
  -moz-border-radius-bottomright : 5px;
  -webkit-border-bottom-right-radius : 5px;
}

/* FF 2 Fix */
input[disabled]{ 
	border: 1px solid #ccc;
} 

#btnSubmit { 
  margin: 0 0 0 155px ; 
}

/* --- Table Styles --- */

/*.progressWrapper {
  width: 357px;
  overflow: hidden;
}*/

.mediawrapper {
  background-color: #e4e4e4;
  overflow: hidden;
  overflow-y:scroll;
  height:200px;
}

.mediacontainer {
  padding:10px;
}

.mediaicon {
  padding:0 10px 0 0;
  float:left;
}

.mediainfos {
  float:left;
}

.mediainfotitle {
  padding:0 0 10px 0;
}

.mediainfodescription {
  
}

.mediacontainer input {
  width:345px;
  border:1px solid #ccc;
}

.mediacontainer textarea {
  width:345px;
  height:50px;
  border:1px solid #ccc;
}

.overlaycontentwrapper .buttoncancel {
  padding:15px 0 0 0;
  float:left;
  cursor:pointer;
}

.overlaycontentwrapper #buttoneditsave {
  padding:10px 0 0 0;
  float:right;
  cursor:pointer;
}

/* Message */

.message {
  margin: 1em 0;
  padding: 10px 20px;
  border: solid 1px #FFDD99;
  background-color: #FFFFCC;
  overflow: hidden;
}
/* Error */

.red {
  border: solid 1px #B50000;
  background-color: #FFEBEB;
}

/* Current */

.green {
  border: solid 1px #DDF0DD;
  background-color: #EBFFEB;
}

/* Complete */

.blue {
  border: solid 1px #CEE2F2;
  background-color: #F0F5FF;
}

.progressName {
  font-size: 8pt;
  font-weight: 700;
  color: #555;
  width: 323px;
  height: 14px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
  font-size: 0;
  width: 0%;
  height: 2px;
  background-color: blue;
  margin-top: 2px;
}

.progressBarComplete {
  width: 100%;
  background-color: green;
  visibility: hidden;
}

.progressBarError {
  width: 100%;
  background-color: red;
  visibility: hidden;
}

.progressBarStatus {
  margin-top: 2px;
  width: 337px;
  font-size: 7pt;
  font-family: Arial;
  text-align: left;
  white-space: nowrap;
}

a.progressCancel {
  font-size: 0;
  display: block;
  height: 14px;
  width: 14px;
  background-image: url(/zoolu/images/main/cancelbutton.gif);
  background-repeat: no-repeat;
  background-position: -14px 0px;
  float: right;
}

a.progressCancel:hover {
  background-position: 0px 0px;
}


/* --- SWFUpload Object Styles --- */
.swfupload {
  vertical-align: top;
}

